<template>
  <page>
    <template v-slot:header>
      <h2>
        <i class="icon iconfont">&#xe611;</i>
        <span>{{ $t("configure.suse_migrate_tool") }}</span>
      </h2>
    </template>
    <template v-slot:content>
      <el-tabs v-model="activeName">
        <el-tab-pane :label="$t('configure.source_configure_item')" name="source">
            <configure-table type="source" />
        </el-tab-pane>
        <el-tab-pane :label="$t('configure.target_configure_item')" name="target">
            <configure-table type="target" />
        </el-tab-pane>
      </el-tabs>
    </template>
  </page>
</template>

<script>
import Page from "@/components/Page";
import ConfigureTable from './configureTable.vue';
export default {
  components: {
    Page,
    ConfigureTable
  },
  data(){
      return {
          activeName: "source"
      }
  }
};
</script>

<style>
</style>